<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>mine</title>
	<style type="text/css">
		.mine-main{
			position: fixed;
			left:0;
			top:0;
			width: 100%;
			height: 92%;
			background: black;
			opacity: 0.8;
			z-index: 100;
			text-align: center;
			display: none;
		}
		.mine-main div{
			width: 10rem;
			height: 6rem;
			background: white;
			margin: 55% auto;
		}
		.mine-main div p{
			line-height: 2.5rem;
		}

		.mine-nav{
			width: 100%;
		   	height: 8.9rem;
		   position: relative;
		    background: url('img/1387413617180.jpg') 0 0 no-repeat;
		    background-size: contain;
		}
		.mine-nav>p{
			width: 100%;
			line-height: 50px;
			background: rgba(0,0,0,0.5);
			text-align: center;
			color: #fff;
		}
		.mine-icon{
			position: absolute;
		    top: 0.5rem;
		    right: 1.5rem;
		    color: white;

		}
		.mine-icon span:nth-child(1){
			margin-right: 0.5rem;
			color: white; 
		}
		.mine-logo{
			width: 4rem
		    height: 2rem;
		    position: absolute;
		    bottom: 1.5rem;
		    left: 1rem;
		}
		.mine-logo img{
		 	width: 2rem;
		    height: 2rem;
		    border-radius: 50%;
		    display: inline-block;
		    vertical-align: middle;
		    float: left;
		}
		.mine-logo p{
			
		    margin-left: 0.5rem;
		    margin-bottom: 0;
		    float: left;
		    color: white;
		}
		.mine-logo span{
			font-size: 0.6rem;
		    margin-left: 0.5rem;
		    margin-bottom: 0;
		   float: left;
		    color: white;
		}
		.mine-titl a{
			width: 32%;
    		height: 2rem;
    		display: inline-block;
    		color: #58D2A1;
    		text-align:center;
		}
		.sec_page span{
			font-size: 0.6rem;
		    display: block;
		    text-align: center;
		    margin: 0.3rem 0;
		}
		.sec_page a{
			font-size: 0.6rem;
    		text-align: center;
		}
		.mine-cont{
			margin-top: 0.3rem;
			width: 100%;
			border:0.4rem solid lightgray;
			box-sizing: border-box;
			margin-bottom: 3rem;
		}
		.mine-cont li{
			border-bottom: 1px solid lightgray;
			color:gray;
			line-height: 2rem;
		}
		.mine-cont li span{
			margin-left: 0.8rem;
		}
		.mine-cont li:nth-child(3),.mine-cont li:nth-child(6){
			border-bottom: 0.4rem solid lightgray;
		}
	</style>
</head>
<<<<<<< HEAD
<body ng-controller="mine">
=======
<body>
>>>>>>> 9926f25e42e7b76e3063bfa9d4d87e46e2d27463
<div class="mine-out">
	<div class="mine-main">
		<div>
			<p>更换头像</p>
			<p>更换背景</p>
		</div>
	</div>
	<div class="mine-nav">
		<p ng-if="$root.hy" id="hy">{{name}},欢迎回来</p>
		<div  class="mine-logo">
<<<<<<< HEAD

			<img id="mine-cl" src="img/b1.gif" >
			<p ng-bind="user"></p>

=======
			<img id="mine-cl" src="img/fdl.gif" >
			<p>{{name}}</p>
>>>>>>> 9926f25e42e7b76e3063bfa9d4d87e46e2d27463
			<span>关注0  粉丝0</span>
		</div>
		<div class="mine-icon ">
			<span class="glyphicon glyphicon-bell notice"></span>
			<span class="glyphicon glyphicon-cog"></span>
		</div> 
	</div>
	<div class="mine-titl">
		<a href="" class="sec_page" ng-click="loginpage()">
			<span class="glyphicon glyphicon-star"></span>
			<p>收藏的帖子</p>
		</a>
		<a href="" class="sec_page" ng-click="loginpage()">
			<span class="glyphicon glyphicon-envelope"></span>
			<p>我的锦囊</p>
		</a>
		<a href="" class="sec_page" ng-click="loginpage()">
			<span class="glyphicon glyphicon-map-marker"></span>
			<p>我的行程</p>
		</a>
	</div>

	<ul class="mine-cont">
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-list-alt"></span>
			<span>我的订单</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-tag"></span>
			<span class="notice">我收藏的折扣</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-bookmark"></span>
			<span class="notice">我的优惠券</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-heart-empty"></span>
			<span class="notice">我收藏的目的地</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-flag"></span>
			<span class="notice">我的足迹</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-pushpin"></span>
			<span class="notice">等我点评的目的地</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-edit"></span>
			<span class="notice">我发布的帖子</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-search"></span>
			<span class="notice">我的问答</span>
		</li>
		<li ng-click="loginpage()">
			<span class="glyphicon glyphicon-user"></span>
			<span class="notice">我的结伴</span>
		</li>
	</ul>

</div>
</body>

</html>